<nz-layout class="app-layout">
  <nz-sider class="menu-sidebar" nzCollapsible nzWidth="256px" nzBreakpoint="md" [(nzCollapsed)]="isCollapsed"
    [nzTrigger]="null">
    <div class="sidebar-logo">
      <a href="https://clz.me/" target="_blank">
        <img src="https://clz.me/wp-content/uploads/2017/02/logo.png" alt="logo">
        <h1>奈何col的工具箱</h1>
      </a>
    </div>
    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/image-to-bitmap-array">图片转bitmap</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/character-editor">1602/2004字符编辑器</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a href="https://www.arduino.cn/thread-1183-1-1.html" target="_blank">串口助手</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a href="https://www.arduino.cn/thread-12349-1-1.html" target="_blank">Arduino驱动修复</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a href="https://www.arduino.cn/thread-83754-1-1.html" target="_blank">物联网解决方案</a>
          </li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
          <i class="trigger" nz-icon [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"></i>
        </span>
      </div>
    </nz-header>
    <nz-content>
      <div class="inner-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>